﻿<!DOCTYPE html>
<html>
  <head>
    <title>Drawer 抽屉</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/drawer___/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/ie.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="files/drawer___/data.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Rectangle) -->
      <div id="u12318" class="ax_default label">
        <img id="u12318_img" class="img " src="images/drawer___/u12318.png"/>
        <!-- Unnamed () -->
        <div id="u12319" class="text" style="visibility: visible;">
          <p><span>Drawer 抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12320" class="ax_default label">
        <img id="u12320_img" class="img " src="images/icon_图标/u486.png"/>
        <!-- Unnamed () -->
        <div id="u12321" class="text" style="visibility: visible;">
          <p><span>基础用法</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12322" class="ax_default label">
        <img id="u12322_img" class="img " src="images/drawer___/u12322.png"/>
        <!-- Unnamed () -->
        <div id="u12323" class="text" style="visibility: visible;">
          <p><span>有些时候, Dialog 组件并不满足我们的需求, 比如你的表单很长, 亦或是你需要临时展示一些文档, Drawer 拥有和 Dialog 几乎相同的 API, 在 UI 上带来不一样的体验.</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12324" class="ax_default box_2">
        <img id="u12324_img" class="img " src="images/color___/u352.png"/>
        <!-- Unnamed () -->
        <div id="u12325" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12326" class="ax_default box_1">
        <img id="u12326_img" class="img " src="images/button___/u1906.png"/>
        <!-- Unnamed () -->
        <div id="u12327" class="text" style="visibility: visible;">
          <p><span>从左往右开</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12328" class="ax_default box_1">
        <img id="u12328_img" class="img " src="images/button___/u1906.png"/>
        <!-- Unnamed () -->
        <div id="u12329" class="text" style="visibility: visible;">
          <p><span>从右往左开</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12330" class="ax_default box_1">
        <img id="u12330_img" class="img " src="images/button___/u1906.png"/>
        <!-- Unnamed () -->
        <div id="u12331" class="text" style="visibility: visible;">
          <p><span>从上往下开</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12332" class="ax_default box_1">
        <img id="u12332_img" class="img " src="images/button___/u1906.png"/>
        <!-- Unnamed () -->
        <div id="u12333" class="text" style="visibility: visible;">
          <p><span>从下往上开</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12334" class="ax_default label">
        <img id="u12334_img" class="img " src="images/drawer___/u12334.png"/>
        <!-- Unnamed () -->
        <div id="u12335" class="text" style="visibility: visible;">
          <p><span>呼出一个临时的侧边栏, 可以从多个方向呼出</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12336" class="ax_default label">
        <img id="u12336_img" class="img " src="images/icon_图标/u492.png"/>
        <!-- Unnamed () -->
        <div id="u12337" class="text" style="visibility: visible;">
          <p><span>自定义内容</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12338" class="ax_default label">
        <img id="u12338_img" class="img " src="images/drawer___/u12334.png"/>
        <!-- Unnamed () -->
        <div id="u12339" class="text" style="visibility: visible;">
          <p><span>呼出一个临时的侧边栏, 可以从多个方向呼出</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12340" class="ax_default box_1">
        <img id="u12340_img" class="img " src="images/drawer___/u12340.png"/>
        <!-- Unnamed () -->
        <div id="u12341" class="text" style="visibility: visible;">
          <p><span>打开嵌套表格的 Drawer</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12342" class="ax_default box_1">
        <img id="u12342_img" class="img " src="images/drawer___/u12342.png"/>
        <!-- Unnamed () -->
        <div id="u12343" class="text" style="visibility: visible;">
          <p><span>打开嵌套 Form 的 Drawer</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12344" class="ax_default label">
        <img id="u12344_img" class="img " src="images/icon_图标/u486.png"/>
        <!-- Unnamed () -->
        <div id="u12345" class="text" style="visibility: visible;">
          <p><span>多层嵌套</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12346" class="ax_default label">
        <img id="u12346_img" class="img " src="images/tooltip_____/u11234.png"/>
        <!-- Unnamed () -->
        <div id="u12347" class="text" style="visibility: visible;">
          <p><span>Drawer 组件也拥有多层嵌套的方法</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12348" class="ax_default box_1">
        <img id="u12348_img" class="img " src="images/button___/u1906.png"/>
        <!-- Unnamed () -->
        <div id="u12349" class="text" style="visibility: visible;">
          <p><span>多层嵌套</span></p>
        </div>
      </div>

      <!-- 从左往右开 (Dynamic Panel) -->
      <div id="u12350" class="ax_default ax_default_hidden" data-label="从左往右开" style="display: none; visibility: hidden">
        <div id="u12350_state0" class="panel_state" data-label="State1">
          <div id="u12350_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u12351" class="ax_default box_3">
              <img id="u12351_img" class="img " src="images/drawer___/u12351.png"/>
              <!-- Unnamed () -->
              <div id="u12352" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12353" class="ax_default label">
              <img id="u12353_img" class="img " src="images/typography___/u368.png"/>
              <!-- Unnamed () -->
              <div id="u12354" class="text" style="visibility: visible;">
                <p><span>标题&nbsp; </span></p>
              </div>
            </div>

            <!-- Unnamed (Shape) -->
            <div id="u12355" class="ax_default _形状">
              <img id="u12355_img" class="img " src="images/drawer___/u12355.png"/>
              <!-- Unnamed () -->
              <div id="u12356" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 从右往左开 (Dynamic Panel) -->
      <div id="u12357" class="ax_default ax_default_hidden" data-label="从右往左开" style="display: none; visibility: hidden">
        <div id="u12357_state0" class="panel_state" data-label="State1">
          <div id="u12357_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u12358" class="ax_default box_3">
              <img id="u12358_img" class="img " src="images/drawer___/u12351.png"/>
              <!-- Unnamed () -->
              <div id="u12359" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12360" class="ax_default label">
              <img id="u12360_img" class="img " src="images/typography___/u368.png"/>
              <!-- Unnamed () -->
              <div id="u12361" class="text" style="visibility: visible;">
                <p><span>标题&nbsp; </span></p>
              </div>
            </div>

            <!-- Unnamed (Shape) -->
            <div id="u12362" class="ax_default _形状">
              <img id="u12362_img" class="img " src="images/drawer___/u12355.png"/>
              <!-- Unnamed () -->
              <div id="u12363" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 从下往上开 (Dynamic Panel) -->
      <div id="u12364" class="ax_default ax_default_hidden" data-label="从下往上开" style="display: none; visibility: hidden">
        <div id="u12364_state0" class="panel_state" data-label="State1">
          <div id="u12364_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u12365" class="ax_default box_3">
              <img id="u12365_img" class="img " src="images/drawer___/u12365.png"/>
              <!-- Unnamed () -->
              <div id="u12366" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12367" class="ax_default label">
              <img id="u12367_img" class="img " src="images/typography___/u368.png"/>
              <!-- Unnamed () -->
              <div id="u12368" class="text" style="visibility: visible;">
                <p><span>标题&nbsp; </span></p>
              </div>
            </div>

            <!-- Unnamed (Shape) -->
            <div id="u12369" class="ax_default _形状">
              <img id="u12369_img" class="img " src="images/drawer___/u12355.png"/>
              <!-- Unnamed () -->
              <div id="u12370" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 从上往下开 (Dynamic Panel) -->
      <div id="u12371" class="ax_default ax_default_hidden" data-label="从上往下开" style="display: none; visibility: hidden">
        <div id="u12371_state0" class="panel_state" data-label="State1">
          <div id="u12371_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u12372" class="ax_default box_3">
              <img id="u12372_img" class="img " src="images/drawer___/u12365.png"/>
              <!-- Unnamed () -->
              <div id="u12373" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12374" class="ax_default label">
              <img id="u12374_img" class="img " src="images/typography___/u368.png"/>
              <!-- Unnamed () -->
              <div id="u12375" class="text" style="visibility: visible;">
                <p><span>标题&nbsp; </span></p>
              </div>
            </div>

            <!-- Unnamed (Shape) -->
            <div id="u12376" class="ax_default _形状">
              <img id="u12376_img" class="img " src="images/drawer___/u12355.png"/>
              <!-- Unnamed () -->
              <div id="u12377" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 打开嵌套表格的 Drawer (Dynamic Panel) -->
      <div id="u12378" class="ax_default ax_default_hidden" data-label="打开嵌套表格的 Drawer" style="display: none; visibility: hidden">
        <div id="u12378_state0" class="panel_state" data-label="State1">
          <div id="u12378_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u12379" class="ax_default box_3">
              <img id="u12379_img" class="img " src="images/drawer___/u12379.png"/>
              <!-- Unnamed () -->
              <div id="u12380" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12381" class="ax_default label">
              <img id="u12381_img" class="img " src="images/typography___/u368.png"/>
              <!-- Unnamed () -->
              <div id="u12382" class="text" style="visibility: visible;">
                <p><span>标题&nbsp; </span></p>
              </div>
            </div>

            <!-- Unnamed (Shape) -->
            <div id="u12383" class="ax_default _形状">
              <img id="u12383_img" class="img " src="images/drawer___/u12355.png"/>
              <!-- Unnamed () -->
              <div id="u12384" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12385" class="ax_default box_1">
              <img id="u12385_img" class="img " src="images/table___/u6901.png"/>
              <!-- Unnamed () -->
              <div id="u12386" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12387" class="ax_default label">
              <img id="u12387_img" class="img " src="images/admin/一级面包屑_u233.png"/>
              <!-- Unnamed () -->
              <div id="u12388" class="text" style="visibility: visible;">
                <p><span>日期</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12389" class="ax_default label">
              <img id="u12389_img" class="img " src="images/admin/一级面包屑_u233.png"/>
              <!-- Unnamed () -->
              <div id="u12390" class="text" style="visibility: visible;">
                <p><span>姓名</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12391" class="ax_default label">
              <img id="u12391_img" class="img " src="images/admin/一级面包屑_u233.png"/>
              <!-- Unnamed () -->
              <div id="u12392" class="text" style="visibility: visible;">
                <p><span>地址</span></p>
              </div>
            </div>

            <!-- Unnamed (Repeater) -->
            <div id="u12393" class="ax_default">
              <script id="u12393_script" type="axure-repeater-template">

                <!-- Unnamed (Group) -->
                <div id="u12394" class="ax_default u12394">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u12395" class="ax_default box_1 u12395">
                    <img id="u12395_img" class="img u12395_img" src="images/table___/u6901.png"/>
                    <!-- Unnamed () -->
                    <div id="u12396" class="u12396 text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- 日期 (Rectangle) -->
                  <div id="u12397" class="ax_default label u12397" data-label="日期">
                    <img id="u12397_img" class="img u12397_img" src="images/admin/一级面包屑_u233.png"/>
                    <!-- Unnamed () -->
                    <div id="u12398" class="u12398 text" style="visibility: visible;">
                      <p><span>日期</span></p>
                    </div>
                  </div>

                  <!-- 姓名 (Rectangle) -->
                  <div id="u12399" class="ax_default label u12399" data-label="姓名">
                    <img id="u12399_img" class="img u12399_img" src="images/admin/一级面包屑_u233.png"/>
                    <!-- Unnamed () -->
                    <div id="u12400" class="u12400 text" style="visibility: visible;">
                      <p><span>姓名</span></p>
                    </div>
                  </div>

                  <!-- 地址 (Rectangle) -->
                  <div id="u12401" class="ax_default label u12401" data-label="地址">
                    <img id="u12401_img" class="img u12401_img" src="images/admin/一级面包屑_u233.png"/>
                    <!-- Unnamed () -->
                    <div id="u12402" class="u12402 text" style="visibility: visible;">
                      <p><span>地址</span></p>
                    </div>
                  </div>
                </div>
              </script>
              <div id="u12393-1" class="preeval" style="width: 748px; height: 47px;">

                <!-- Unnamed (Group) -->
                <div id="u12394-1" class="ax_default u12394">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u12395-1" class="ax_default box_1 u12395">
                    <img id="u12395-1_img" class="img u12395_img" src="images/table___/u6901.png"/>
                    <!-- Unnamed () -->
                    <div id="u12396-1" class="u12396 text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- 日期 (Rectangle) -->
                  <div id="u12397-1" class="ax_default label u12397" data-label="日期">
                    <img id="u12397-1_img" class="img u12397_img" src="images/table___/日期_u6913.png"/>
                    <!-- Unnamed () -->
                    <div id="u12398-1" class="u12398 text" style="visibility: visible;">
                      <p><span>2016-05-01</span></p>
                    </div>
                  </div>

                  <!-- 姓名 (Rectangle) -->
                  <div id="u12399-1" class="ax_default label u12399" data-label="姓名">
                    <img id="u12399-1_img" class="img u12399_img" src="images/radio_单选框/u2219.png"/>
                    <!-- Unnamed () -->
                    <div id="u12400-1" class="u12400 text" style="visibility: visible;">
                      <p><span>王小虎</span></p>
                    </div>
                  </div>

                  <!-- 地址 (Rectangle) -->
                  <div id="u12401-1" class="ax_default label u12401" data-label="地址">
                    <img id="u12401-1_img" class="img u12401_img" src="images/input_输入框/u3007.png"/>
                    <!-- Unnamed () -->
                    <div id="u12402-1" class="u12402 text" style="visibility: visible;">
                      <p><span>上海市普陀区金沙江路 1518 弄</span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u12393-2" class="preeval" style="width: 748px; height: 47px;">

                <!-- Unnamed (Group) -->
                <div id="u12394-2" class="ax_default u12394">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u12395-2" class="ax_default box_1 u12395">
                    <img id="u12395-2_img" class="img u12395_img" src="images/table___/u6901.png"/>
                    <!-- Unnamed () -->
                    <div id="u12396-2" class="u12396 text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- 日期 (Rectangle) -->
                  <div id="u12397-2" class="ax_default label u12397" data-label="日期">
                    <img id="u12397-2_img" class="img u12397_img" src="images/table___/日期_u6913.png"/>
                    <!-- Unnamed () -->
                    <div id="u12398-2" class="u12398 text" style="visibility: visible;">
                      <p><span>2016-05-02</span></p>
                    </div>
                  </div>

                  <!-- 姓名 (Rectangle) -->
                  <div id="u12399-2" class="ax_default label u12399" data-label="姓名">
                    <img id="u12399-2_img" class="img u12399_img" src="images/radio_单选框/u2219.png"/>
                    <!-- Unnamed () -->
                    <div id="u12400-2" class="u12400 text" style="visibility: visible;">
                      <p><span>王小龙</span></p>
                    </div>
                  </div>

                  <!-- 地址 (Rectangle) -->
                  <div id="u12401-2" class="ax_default label u12401" data-label="地址">
                    <img id="u12401-2_img" class="img u12401_img" src="images/input_输入框/u3007.png"/>
                    <!-- Unnamed () -->
                    <div id="u12402-2" class="u12402 text" style="visibility: visible;">
                      <p><span>上海市普陀区金沙江路 1518 弄</span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u12393-3" class="preeval" style="width: 748px; height: 47px;">

                <!-- Unnamed (Group) -->
                <div id="u12394-3" class="ax_default u12394">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u12395-3" class="ax_default box_1 u12395">
                    <img id="u12395-3_img" class="img u12395_img" src="images/table___/u6901.png"/>
                    <!-- Unnamed () -->
                    <div id="u12396-3" class="u12396 text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- 日期 (Rectangle) -->
                  <div id="u12397-3" class="ax_default label u12397" data-label="日期">
                    <img id="u12397-3_img" class="img u12397_img" src="images/table___/日期_u6913.png"/>
                    <!-- Unnamed () -->
                    <div id="u12398-3" class="u12398 text" style="visibility: visible;">
                      <p><span>2016-05-03</span></p>
                    </div>
                  </div>

                  <!-- 姓名 (Rectangle) -->
                  <div id="u12399-3" class="ax_default label u12399" data-label="姓名">
                    <img id="u12399-3_img" class="img u12399_img" src="images/admin/一级面包屑_u233.png"/>
                    <!-- Unnamed () -->
                    <div id="u12400-3" class="u12400 text" style="visibility: visible;">
                      <p><span>王一</span></p>
                    </div>
                  </div>

                  <!-- 地址 (Rectangle) -->
                  <div id="u12401-3" class="ax_default label u12401" data-label="地址">
                    <img id="u12401-3_img" class="img u12401_img" src="images/input_输入框/u3007.png"/>
                    <!-- Unnamed () -->
                    <div id="u12402-3" class="u12402 text" style="visibility: visible;">
                      <p><span>上海市普陀区金沙江路 1518 弄</span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u12393-4" class="preeval" style="width: 748px; height: 47px;">

                <!-- Unnamed (Group) -->
                <div id="u12394-4" class="ax_default u12394">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u12395-4" class="ax_default box_1 u12395">
                    <img id="u12395-4_img" class="img u12395_img" src="images/table___/u6901.png"/>
                    <!-- Unnamed () -->
                    <div id="u12396-4" class="u12396 text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- 日期 (Rectangle) -->
                  <div id="u12397-4" class="ax_default label u12397" data-label="日期">
                    <img id="u12397-4_img" class="img u12397_img" src="images/table___/日期_u6913.png"/>
                    <!-- Unnamed () -->
                    <div id="u12398-4" class="u12398 text" style="visibility: visible;">
                      <p><span>2016-05-04</span></p>
                    </div>
                  </div>

                  <!-- 姓名 (Rectangle) -->
                  <div id="u12399-4" class="ax_default label u12399" data-label="姓名">
                    <img id="u12399-4_img" class="img u12399_img" src="images/admin/一级面包屑_u233.png"/>
                    <!-- Unnamed () -->
                    <div id="u12400-4" class="u12400 text" style="visibility: visible;">
                      <p><span>王二</span></p>
                    </div>
                  </div>

                  <!-- 地址 (Rectangle) -->
                  <div id="u12401-4" class="ax_default label u12401" data-label="地址">
                    <img id="u12401-4_img" class="img u12401_img" src="images/input_输入框/u3007.png"/>
                    <!-- Unnamed () -->
                    <div id="u12402-4" class="u12402 text" style="visibility: visible;">
                      <p><span>上海市普陀区金沙江路 1518 弄</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 打开嵌套 Form 的 Drawer (Dynamic Panel) -->
      <div id="u12403" class="ax_default ax_default_hidden" data-label="打开嵌套 Form 的 Drawer" style="display: none; visibility: hidden">
        <div id="u12403_state0" class="panel_state" data-label="State1">
          <div id="u12403_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u12404" class="ax_default box_3">
              <img id="u12404_img" class="img " src="images/drawer___/u12351.png"/>
              <!-- Unnamed () -->
              <div id="u12405" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12406" class="ax_default label">
              <img id="u12406_img" class="img " src="images/typography___/u368.png"/>
              <!-- Unnamed () -->
              <div id="u12407" class="text" style="visibility: visible;">
                <p><span>标题&nbsp; </span></p>
              </div>
            </div>

            <!-- Unnamed (Shape) -->
            <div id="u12408" class="ax_default _形状">
              <img id="u12408_img" class="img " src="images/drawer___/u12355.png"/>
              <!-- Unnamed () -->
              <div id="u12409" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12410" class="ax_default label">
              <img id="u12410_img" class="img " src="images/typography___/u378.png"/>
              <!-- Unnamed () -->
              <div id="u12411" class="text" style="visibility: visible;">
                <p><span>活动名称</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12412" class="ax_default label">
              <img id="u12412_img" class="img " src="images/typography___/u378.png"/>
              <!-- Unnamed () -->
              <div id="u12413" class="text" style="visibility: visible;">
                <p><span>活动区域</span></p>
              </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u12414" class="ax_default">

              <!-- Unnamed (Rectangle) -->
              <div id="u12415" class="ax_default box_1">
                <img id="u12415_img" class="img " src="images/drawer___/u12415.png"/>
                <!-- Unnamed () -->
                <div id="u12416" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (Text Field) -->
              <div id="u12417" class="ax_default text_field">
                <input id="u12417_input" type="text" value=""/>
              </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u12418" class="ax_default">

              <!-- 框 (Rectangle) -->
              <div id="u12419" class="ax_default box_1" data-label="框">
                <img id="u12419_img" class="img " src="images/timepicker______/框_u4919.png"/>
                <!-- Unnamed () -->
                <div id="u12420" class="text" style="visibility: visible;">
                  <p><span>请选择活动区域</span></p>
                </div>
              </div>

              <!-- 指示器 (Image) -->
              <div id="u12421" class="ax_default image" data-label="指示器">
                <img id="u12421_img" class="img " src="images/form_表单/指示器_u6527.png"/>
                <!-- Unnamed () -->
                <div id="u12422" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>

            <!-- 菜单内容 (Dynamic Panel) -->
            <div id="u12423" class="ax_default ax_default_hidden" data-label="菜单内容" style="display: none; visibility: hidden">
              <div id="u12423_state0" class="panel_state" data-label="State1">
                <div id="u12423_state0_content" class="panel_state_content">

                  <!-- 弹出框 (Placeholder) -->
                  <div id="u12424" class="ax_default box_2" data-label="弹出框">
                    <img id="u12424_img" class="img " src="images/form_表单/弹出框_u6530.png"/>
                    <!-- Unnamed () -->
                    <div id="u12425" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u12426" class="ax_default box_2" selectiongroup="选择器-基础用法">
                    <img id="u12426_img" class="img " src="images/timepicker______/u4926.png"/>
                    <!-- Unnamed () -->
                    <div id="u12427" class="text" style="visibility: visible;">
                      <p><span>&nbsp; 区域一</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u12428" class="ax_default box_2" selectiongroup="选择器-基础用法">
                    <img id="u12428_img" class="img " src="images/timepicker______/u4926.png"/>
                    <!-- Unnamed () -->
                    <div id="u12429" class="text" style="visibility: visible;">
                      <p><span>&nbsp; 区域二</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u12430" class="ax_default box_2" selectiongroup="选择器-基础用法">
                    <img id="u12430_img" class="img " src="images/timepicker______/u4926.png"/>
                    <!-- Unnamed () -->
                    <div id="u12431" class="text" style="visibility: visible;">
                      <p><span>&nbsp; 区域三</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u12432" class="ax_default box_2" selectiongroup="选择器-基础用法">
                    <img id="u12432_img" class="img " src="images/timepicker______/u4926.png"/>
                    <!-- Unnamed () -->
                    <div id="u12433" class="text" style="visibility: visible;">
                      <p><span>&nbsp; 区域四</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12434" class="ax_default box_1">
              <img id="u12434_img" class="img " src="images/drawer___/u12434.png"/>
              <!-- Unnamed () -->
              <div id="u12435" class="text" style="visibility: visible;">
                <p><span>取消</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12436" class="ax_default box_1">
              <img id="u12436_img" class="img " src="images/drawer___/u12436.png"/>
              <!-- Unnamed () -->
              <div id="u12437" class="text" style="visibility: visible;">
                <p><span>确定</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 多层嵌套 (Dynamic Panel) -->
      <div id="u12438" class="ax_default ax_default_hidden" data-label="多层嵌套" style="display: none; visibility: hidden">
        <div id="u12438_state0" class="panel_state" data-label="State1">
          <div id="u12438_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u12439" class="ax_default box_3">
              <img id="u12439_img" class="img " src="images/drawer___/u12379.png"/>
              <!-- Unnamed () -->
              <div id="u12440" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12441" class="ax_default label">
              <img id="u12441_img" class="img " src="images/drawer___/u12441.png"/>
              <!-- Unnamed () -->
              <div id="u12442" class="text" style="visibility: visible;">
                <p><span>我是外面的 Drawer</span></p>
              </div>
            </div>

            <!-- Unnamed (Shape) -->
            <div id="u12443" class="ax_default _形状">
              <img id="u12443_img" class="img " src="images/drawer___/u12355.png"/>
              <!-- Unnamed () -->
              <div id="u12444" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12445" class="ax_default box_1">
              <img id="u12445_img" class="img " src="images/button___/u1628.png"/>
              <!-- Unnamed () -->
              <div id="u12446" class="text" style="visibility: visible;">
                <p><span>打开里面的</span></p>
              </div>
            </div>

            <!-- 里边的 (Dynamic Panel) -->
            <div id="u12447" class="ax_default ax_default_hidden" data-label="里边的" style="display: none; visibility: hidden">
              <div id="u12447_state0" class="panel_state" data-label="State1">
                <div id="u12447_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u12448" class="ax_default box_3">
                    <img id="u12448_img" class="img " src="images/drawer___/u12351.png"/>
                    <!-- Unnamed () -->
                    <div id="u12449" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u12450" class="ax_default label">
                    <img id="u12450_img" class="img " src="images/drawer___/u12450.png"/>
                    <!-- Unnamed () -->
                    <div id="u12451" class="text" style="visibility: visible;">
                      <p><span>我是里面的</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Shape) -->
                  <div id="u12452" class="ax_default _形状">
                    <img id="u12452_img" class="img " src="images/drawer___/u12355.png"/>
                    <!-- Unnamed () -->
                    <div id="u12453" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
